import request from '../../utils/request'
let startY = 0;
let moveY = 0;
let moveDistance = 0; // 距离
Page({

  /**
   * 页面的初始数据
   */
  data: {
    coverTransform: 'translateY(0)', // 初始偏移量
    coverTransition: '', // 松开才需要过渡效果
    userInfo: {}, // 用户数据
    recentPlayList:[], // 用户的播放记录
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    // 读取用户的基本信息
    let userInfo = JSON.parse(wx.getStorageSync('userInfo') || '{}')
    this.setData({userInfo})
    if(userInfo!={}){
      this.getUserRecentPlayList(userInfo.userId)
    }
    // 获取用户的播放记录
  },
  async getUserRecentPlayList(uid){
    let {allData} = await request('/user/record',{uid,type:0})
    let index = 0;
    let recentPlayList = allData.slice(0,10).map(item=>{
      item.index = index++;
      return item;
    })
    this.setData({recentPlayList})
  },
  toLogin() {
    wx.navigateTo({
      url: '/pages/login/login',
    })
  },

  // 绑定事件
  handleTouchStart(event) {
    // 因为是移动端 所以是手指，然后可能是多个手指同时按下 所以是数组
    startY = event.touches[0].clientY;
    this.setData({
      coverTransition: ''
    }) // 下拉不需要过渡效果
  },
  handleTouchMove(event) {
    moveY = event.touches[0].clientY;
    moveDistance = moveY - startY; // 移动的距离
    // 动态更新coverTransform的状态值
    if (moveDistance <= 0) return;
    moveDistance = moveDistance > 80 ? 80 : moveDistance;
    this.setData({
      coverTransform: `translateY(${moveDistance}rpx)`,
    })
  },
  handleTouchEnd() {
    this.setData({
      coverTransform: 'translateY(0)',
      coverTransition: '.3s linear'
    })
  },
  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})